<!-- htl sytle -->
<!DOCTYPE html>
<html>
<head>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>

	
	<title>Full template</title>
	
</head>
<body>

	<div class="row">
		<!-- begin nav bar -->
		<div id="navbar" class="navbar navbar-default">
			
			<div class="navbar-collapse collapse navbar-responsive-collapse">
				

				<ul class="nav navbar-nav navbar-right">
					<li><a href="#">Hello</a></li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">hoangthuylink <b class="caret"></b></a>
						<ul class="dropdown-menu">
							<li><a href="#">Sign out</a></li>
							<li class="divider"></li>
							<li><a href="#">Change password</a></li>
						</ul>
					</li>
				</ul>
				<form class="navbar-form navbar-right">
					
					<button type="submit" class="btn btn-default">
						<span class="glyphicon glyphicon-search"></span>
					</button>

					<input type="text" class="form-control col-md-3" placeholder="Search"/>
					<br/>
					<div style="margin-left:0px;">
					<label>
										<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked="">
										Account number
									</label>
									
									<label>
										<input type="radio" name="optionsRadios" id="optionsRadios1" value="option2" checked="">
										ID card number
									</label>
					</div>
				</form>
				<img src="img/logo.png" alt="LOGO">
			</div>
		</div>

		<!-- end nav bar -->
	</div>

	<div class="row">

		<!-- begin left content -->
		<div id="left_content" class="col-md-3">
			
			


			<div class="row">
				<!-- transaction management -->
				<div class="page-header">
					<h3>Transaction management</h3>
				</div>
				<ul class="nav nav-pills nav-stacked" style="max-width: 300px;">
					<li><a href="#">Create new saving account</a></li>
					<li><a href="#">Create transaction</a></li>
					<li><a href="#">View approved transaction</a></li>

				</ul>
				<!--end transaction managemnet-->

				<div class="page-header">
					<h3>Interest rate <span class="badge pull-right">4</span></h3> 
				</div>
				
			</div>


			

		</div>
		<!-- end left content -->

		<!-- met vl -->
		<!-- begin right content -->
		<div class="col-md-8">

			<div class="row">


	<!-- begin transaction detail -->
	<div class="page-header">
		<h3 class="float_right">Transaction details</h3>
	</div>
	<table class="table table-condensed">
		<thead>
			<tr>
				<th>Saving account number</th>
				<th>Date</th>
				<th>Amount</th>
				<th>Transaction type</th>
				<th>Transaction state</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td><a href="">38585856045</a></td>
				<td>14/8/2014</td>
				<td>2000</td>
				<td>Withdraw</td>
				<td>
					<span class="label label-default">New</span>
					<span class="label label-primary">Approved</span>
					<span class="label label-success">Rejected</span>
				</td>
			</tr>

			<tr>
				<td><a href="">38585856045</a></td>
				<td>14/8/2014</td>
				<td>2000</td>
				<td>Withdraw</td>
				<td>
					<span class="label label-default">New</span>
					<span class="label label-primary">Approved</span>
					<span class="label label-success">Rejected</span>
				</td>
			</tr>
			<tr>
				<td><a href="">38585856045</a></td>
				<td>14/8/2014</td>
				<td>2000</td>
				<td>Withdraw</td>
				<td>
					<span class="label label-default">New</span>
					<span class="label label-primary">Approved</span>
					<span class="label label-success">Rejected</span>
				</td>
			</tr>
			<tr>
				<td><a href="">38585856045</a></td>
				<td>14/8/2014</td>
				<td>2000</td>
				<td>Withdraw</td>
				<td>
					<span class="label label-default">New</span>
					<span class="label label-primary">Approved</span>
					<span class="label label-success">Rejected</span>
				</td>
			</tr>
		</tbody>
	</table>

	<!-- begin pagination -->
	<ul class="pagination">

		<li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
		<li><a href="#">2</a></li>
		<li><a href="#">3</a></li>
		<li><a href="#">4</a></li>
		<li><a href="#">5</a></li>

	</ul>
	<!-- end pagination -->
	<!-- end transaction detail -->
</div>

<!--end main row-->
</div>
<!-- end right content -->
</div>

<script type="text/javascript" src="js/moment.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/bootstrap-datetimepicker.css">
<script type="text/javascript" src="js/bootstrap-datetimepicker.js"></script>
<link rel="stylesheet" type="text/css" href="css/site.css">
<script type="text/javascript" src="js/site.js"></script>
</body>
</html>